<template>
  <div id="game-homepage" style="display: flex; align-items: center;justify-content: center;height: 100%;">
    <div
      style="margin: 35; width: 75%; height: 600xp; background-color: #000000"
    >
      <iframe
        src="slither-io/index.html"
        scrolling="no"
        style="margin: 5px;"
        width="100%"
        height="600px"
        frameborder="0"
      ></iframe>
    </div>
    <div>
      <el-button type="success" @click="refreshPage">ReStart</el-button>
    </div>
  </div>
</template>

<script>
export default {
  name: 'GameHomepage',
  methods: {
    refreshPage() {
      this.$router.go(0);
    }
  }
}
</script>
